<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title>dot borrow</title>
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	<link rel="stylesheet" type="text/css" href="CSS/style.css">
	<script type="text/javascript" src="JS/DotAjax.js"></script>
</head>
<body> 

<table width="778"  border="0" cellspacing="0" cellpadding="0" align="center">
  <tr>
    <td valign="top" bgcolor="#FFFFFF">
    <table width="100%" height="509"  border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF">
  <tr>
    <td height="27" valign="top" style="padding:5px;" class="current_addr">&nbsp;Current Address：...</td>
  </tr>
  <tr>
  <td height="27">&nbsp;</td>
  </tr>
  <tr>
    <td align="center" valign="top" style="padding:5px;">
    
    <table width="100%"  border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td height="47" background="images/borrowdot.gif">&nbsp;</td>
      </tr>
      <tr>
        <td height="72" align="center" valign="top" background="images/main_Instrument1.gif" bgcolor="#F8BF73">
     
        <table width="96%" border="0" cellpadding="1" cellspacing="1" bordercolor="#F8BF73">
          <tr>
            <td valign="top" bgcolor="#F8BF73">

                <table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF">
				
                  <tr>
                    <td><table width="90%" height="21" border="0" cellpadding="0" cellspacing="0">
                        <tr>
                          <td width="24%" height="18" style="padding-left:7px;padding-top:7px;"><img src="images/user_checkbg.jpg" width="142" height="18"></td>
                          <td width="76%" style="padding-top:7px;">USER ID：
                            <input name="userid" type="text" id="userid" size="36" maxlength="8" >
                            &nbsp;
                            <input  name="Button" type="button" style="width: 36px;" class="btn" value="..." onClick="return checkUserID();"></td>
                        </tr>
                    </table></td>
                  </tr>
                  <tr>
                    <td height="13" align="left" style="padding-left:7px; padding-right: 20px"><hr width="100%" size="1"></td>
                    </tr>
                  <tr>
                    <td align="center">
                    <table width="96%" border="0" cellpadding="0" cellspacing="0">
                       <tr>
                          <td height="27">Firstname：</td>
                          <td><input type="text" id="firstname" size="37" readonly> </td>
                          <td>Second name：</td>
                          <td><input type="text" id="lastname" size="37" readonly> </td>
                        </tr>
                        <tr>
                          <td>Gender：</td>
                          <td> <input type="text" id="gender" size="37" readonly></td>
                          <td height="27">E-mail：</td>
                          <td><input  type="text" id="email" size="37" readonly></td>
                        </tr>
                    </table></td>
                  </tr>		 
              </table></td>
          </tr>
          <tr bgcolor="#FCEC9A" >
            <td valign="top"  style="padding:5px">
            	<textarea id = "context" rows="5"  style="overflow-y:auto; resize: none; border: 0px; width:100%"></textarea>
			</td>
          </tr>
		 <tr>
			
		 <td valign="top">
		 <table width="100%" cellpadding="0px" cellspacing="0px"style="padding-top: 5px;padding-left: 0;padding-right: 0;">
		 	<tr>
		 		<td align="left" width="10%"><input type="button" value ="clear" class = "btn" onclick="document.getElementById('context').value='';"></td>
		 		<td height="80%"><div style="height:80%; font-size: 16px;padding-top: 8px; color: #ff4000" id ="message" align="center" >&nbsp;</div></td>
				<td align="right"width="10%"><input type="button" value ="submit" class = "btn" onclick="return checkUserID_Context();"></td>
		 	</tr>
		 </table>
				 
		 </td>
		 </tr>
        </table>
        </td>
      </tr>
      <tr>
        <td height="19" background="images/main_Instrument2.gif">&nbsp;</td>
      </tr>
    </table></td>
  </tr>
</table>
</td>
  </tr>
</table>
</body>
</html>

